@import '@/style/common.scss';

.top-view {
	width: 100%;
	height: 539rpx;
	overflow: hidden;
	position: relative;
	.img-bg {
		position: absolute;
		width: 100%;
		height: 100%;
	}
}
.user-view-info {
	position: relative;
	padding: 0 96rpx;
	.avatar-view {
		width: 120rpx;
		height: 120rpx;
		margin-right: 30rpx;
		border: 1px solid #fff;
		border-radius: 50%;
		overflow: hidden;
		.img-avatar {
			width: 100%;
			height: 100%;
		}
	}
	.user-info-right {
		.user-name {
			font-size: 32rpx;
			font-weight: bold;
			color: #fff;
		}
		.id {
			margin-top: 20rpx;
			font-size: 26rpx;
			color: #fff;
		}
	}
}

.money-view {
	position: relative;
	margin-top: 43rpx;
	justify-content: space-around;
	padding: 0 50rpx;
	.money-item {
		view {
			color: #fff;
			text-align: center;
		}
		.money-val {
			font-size: 34rpx;
			font-weight: bold;
		}
		.money-text {
			font-size: 22rpx;
			margin-top: 10rpx;
		}
	}
}

.order-view {
	margin: 0 30rpx;
	border-radius: 20rpx;
	background-color: #fff;
	padding: 0 30rpx;
	overflow: hidden;
	margin-top: -80rpx;
	position: relative;
	.order-menu-list {
		margin: 24rpx 0;
		.order-menu {
			text-align: center;
			image {
				width: 52rpx;
				height: 52rpx;
			}
			view {
				font-size: 22rpx;
				color: #666;
				margin-top: 5rpx;
			}
		}
	}
}
.cell-list-view {
	background-color: #fff;
	border-radius: 20rpx;
	margin: 20rpx 30rpx;
	padding: 0 30rpx;
	flex-wrap: wrap;

	.cell-item {
		width: 20%;
		margin-bottom: 37rpx;
		image {
			width: 52rpx;
			height: 52rpx;
			display: block;
			margin: 0 auto;
		}
		view {
			font-size: 24rpx;
			margin-top: 12rpx;
			text-align: center;
		}
	}
}
.out-btn {
	width: 597rpx;
	height: 84rpx;
	border: 1rpx solid #000000;
	border-radius: 42rpx;
	margin: 47rpx auto;
}
